body{
    display: flex;
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 100px;

}
.motionTrain{
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    .Train{
        display: flex;
        flex-direction: column;
        h3{
            line-height: 60px;
            font-size: 20px;
        }
        .newCourses{
            // height: 280px;
            border-radius: 20px;
            border-radius: 20px;
            box-shadow: 0px 0px 8px 0px #00000066;
            
            img{
                display: block;
                width: 100%;
                height: 160px;
                line-height: 160px;
                text-align: center;
                border-top-right-radius: 20px;
                border-top-left-radius: 20px;
            }
            p{
                padding: 0 15px;
            }
        }
        .comCourses{
            // flex: 1;
            // border-radius: 20px;
            
            li{
                border-radius: 20px;
                box-shadow: 0px 0px 8px 0px #00000066;
                margin-bottom: 20px;
                overflow: hidden;
                height: 160px;
                position: relative;
                img{
                    width: 100%;
                    height: 100%;
                }
                div{
                    // color: #4294FF;
                    position: absolute;
                    bottom: 20px;
                    padding: 0 15px;
                }
            }
        }


    }

}